<!DOCTYPE html>
<html>

<head>
    <!-- 基础信息 -->
    <html lang="zh-cmn-Hans">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="force-rendering" content="webkit" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="ASYEEの主页">
    <meta name="keywords" content="ASYEE,个人主页">
    <meta name="author" content="ASYEE">
    <title>ASYEEの主页</title>
    <link rel="stylesheet" type="text/css" href="./css/style.css">
    <link rel="stylesheet" type="text/css" href="./css/iconfont.css">
    <link rel="apple-touch-icon" href="./images/apple-touch-icon.png">
    <link rel="icon" href="./favicon.ico">
    <link rel="stylesheet" href="./js/bj.js">
    <!--引入SweetAlert
    <script src="https://fastly.jsdelivr.net/npm/sweetalert@2.1.2/dist/sweetalert.min.js"></script>-->
    <script src="https://fastly.jsdelivr.net/npm/sweetalert2@10.15.5/dist/sweetalert2.all.min.js"></script>
    <!--引入izitoast-->
    <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/izitoast@1.4.0/dist/css/iziToast.min.css">
    <script type="text/javascript"
        src="https://fastly.jsdelivr.net/npm/izitoast@1.4.0/dist/js/iziToast.min.js"></script>
    <!--引入fontawesome-->
    <link rel="stylesheet" href="https://fastly.jsdelivr.net/gh/volantis-x/cdn-fontawesome-pro@master/css/all.min.css"
        media="all">
    <!--科技炫酷按钮-->
    <link rel="stylesheet" type="text/css" href="./css/sey.css">
    <!--IE淘汰计划-->
    <script>if (/*@cc_on!@*/false || (!!window.MSInputMethodContext && !!document.documentMode)) window.location.href = "https://imsyy.top/upgrade-your-browser/index.html?referrer=" + encodeURIComponent(window.location.href);</script>
</head>

<body oncontextmenu=self.event.returnValue=false onselectstart="return false">
    <!--<span class="mobile btn-mobile-menu">
        <i class="social iconfont icon-list btn-mobile-menu__icon"></i>
        <i class="social iconfont icon-ngleup btn-mobile-close__icon hidden"></i>
    </span>-->
    <header id="panel" class="panel-cover"
        style="background: url(./images/kj.webp) center center / cover no-repeat rgb(102, 102, 102);">
        <!--星空背景-->
        <div id="stars"></div>
        <div id="stars2"></div>
        <div id="stars3"></div>
        <!--天气-->
        <div id="he-plugin-simple"></div>
        <script src="https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0"></script>

        <div class="panel-main">
            <div class="panel-main__inner panel-inverted">
                <div class="panel-main__content">
                    <div class="ih-item circle effect right_to_left">
                        <a class="blog-button">
                            <div class="img"> <img src="./images/head.png" alt="img"
                                    class="js-avatar iUp profilepic header-logo">
                            </div>
                            <div class="info iUp">
                                <div class="info-back">
                                    <img alt="img" src="./images/kl.gif" class="js-avatar profilepic">
                                </div>
                            </div>
                        </a>
                    </div>
                    <h1 class="panel-cover__title panel-title iUp">
                        <br />ASYEE
                    </h1>
                    <p class="panel-cover__subtitle panel-subtitle iUp">be your true self</p>
                    <canvas class="navigation-wrapper iUp" id="canvas" style="width:50%;padding-top:0px;" width="920"
                        height="350"></canvas>
                    <script src="./js/clock.js"></script>
                    <hr class="iUp" />
                    <!--一言无法显示时的文字-->
                    <p id="description" class="panel-cover__description iUp">每一个人都应该明确自己的方向和位置
                        <br />
                        <strong>-「ASYEE」</strong>
                    </p>
                    <div class="navigation-wrapper iUp">
                        <div>
                            <nav class="cover-navigation cover-navigation--primary">
                                <ul class="navigation">
                                    <li class="navigation__item">
                                        <a href="https://asyee.netlify.app/"
                                            style="--clr:#1e9bff"><span>简历</span><i></i></a>
                                    </li>   
                                    <li class="navigation__item">
                                        <a href="https://yeetools.netlify.app"
                                            style="--clr:#ff1867"><span>工具站</span><i></i></a>
                                    </li>                                   
                                </ul>
                            </nav>
                        </div>
                        <div class="iUp">
                           
                            <nav class="cover-navigation navigation--social">
                                <p class="panel-cover__subtitle panel-subtitle iUp"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align: middle; margin-right: 5px;"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>skills</p>
                                <ul class="navigation">
                                    <li class="navigation__item">
                                            <a href="https://skillicons.dev">
                                              <img src="https://skillicons.dev/icons?i=eclipse,git,github,gitlab,html,htmx,idea,js,jquery,npm,phpstorm" />
                                            </a>
                                    </li>
                                    <li class="navigation__item">
                                            <a href="https://skillicons.dev">
                                              <img src="https://skillicons.dev/icons?i=postgres,postman,sqlite,vite,vue,vscode,mysql,css" />
                                            </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <div class="iUp">
                            <nav class="cover-navigation navigation--social">
                                <ul class="navigation">
                                    <li class="navigation__item">
                                        <a href="https://github.com/yeefyfee" title="Github" target="_blank">
                                            <j class="iconfont icon-github"></j>
                                            <span class="label">Github</span>
                                        </a>
                                    </li>
                                    <li class="navigation__item">
                                        <a onClick="weixin()" title="微信" target="_blank">
                                            <j class="fab fa-weixin"></j>
                                            <script>
                                                function weixin() {
                                                    Swal.fire({
                                                        title: "请扫码",
                                                        text: "请使用微信扫一扫",
                                                        confirmButtonText: "好的",
                                                        imageUrl: "./images/iwx.png",
                                                        imageWidth: 150,
                                                        imageHeight: 150
                                                    })
                                                }
                                            </script>
                                        </a>
                                    </li>
                                    <li class="navigation__item">
                                        <a href="mailto:498544773@qq.com" title="Email">
                                            <j class="fas fa-envelope"></j>
                                            <span class="label">Email</span>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel-cover--overlay cover-slate"></div>
        </div>
    </header> 
    </script>
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/fetch.min.js"></script>
    <script type="text/javascript" src="./js/main.js"></script>

</body>
